<template>
    <div>
        <van-nav-bar :title="title" />
        <van-search v-model="value" placeholder="大家都在搜“618人气销量王" />
        <van-tabs v-model:active="active">
            <van-tab title="推荐">
                <lb :images="images" imagewidth="100%" imageheight="150px"></lb>
                <img src="./img/img1.png" alt="" style="width: 100%;">
                <img src="./img/img2.png" alt="" style="width: 100%;">
                <div class="list">
                    
                    <div style="width: 160px; height: 200px; background: pink;"></div>
                    <div style="width: 160px; height: 260px; background: pink;"></div>
                </div>
            </van-tab>
            <van-tab title="美食"></van-tab>
            <van-tab title="运动"></van-tab>
            <van-tab title="保健品"></van-tab>
            <van-tab title="内衣"></van-tab>
            <van-tab title="更多"></van-tab>
        </van-tabs>




    </div>
</template>

<script setup>
import bt from '@/components/bt.vue';
const title = '首页'
import lb from '@/components/lb.vue';
const images = [
    'https://fastly.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
    'https://fastly.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
];
</script>

<style lang="scss" scoped>
.list{
    column-count: 2;
    column-gap: 20px;
    div{
        margin-bottom: 30px;
        width: 30%;
    }
}
</style>